@extends('layouts.index')
@section('title','个人中心')
    @section('content')
        <div class="main-container">
            <div class="account">
@include('web.user.userInfo')
                <div class="account-edit-profile">
                    <!-- react-empty: 1901 -->
                    <div class="confirm-dialog">
                        <div class="confirm-dialog__dialog">
                            <div class="confirm-dialog__dialog__content">
                                <p>Are you sure?</p>
                            </div>
                            <div class="confirm-dialog__dialog__actions"><button>Confirm</button><button class="button--dark">Cancel</button></div>
                        </div>
                    </div>
                    <div class="account-block-content">
                        <div class="">
                            <aside class="span5 span5-tablet span14-mobile account-block-content__aside">Profile</aside>
                            <div class="span9 span100p-tablet span100p-mobile account-block-content__content">
                                <div class="account-block-content__default">
                                    <div class="span3 span5-tablet span11-mobile account-block-content__default__element"><label class="custom-label relative"><span class="custom-label__label"><!-- react-text: 1916 -->Your account is part of the profile:<!-- /react-text --></span><input type="text" id="fake-name" name="fake-name" label="Your account is part of the profile:" class="custom-input__input disabled"></label></div>
                                    <div class="span2 span100p-mobile account-block-content__default__element account-block-content__default__element--no-label"><button type="submit" value="Leave profile" name="Leave profile" class="form-submit"><!-- react-text: 1920 -->Leave profile<!-- /react-text --><svg class="svg-spinner form-submit__spinner svg-spinner--inactive" width="16px" height="16px" viewBox="0 0 66 66"><circle class="svg-spinner__path-bg" stroke="transparent" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle><circle class="svg-spinner__path" stroke="#dbdbdb" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle></svg></button></div>
                                </div>
                            </div>
                            <div class="cf"></div>
                        </div>
                    </div>
                    <div class="account-block-content">
                        <div class="">
                            <aside class="span5 span5-tablet span14-mobile account-block-content__aside">Basic description</aside>
                            <div class="span9 span100p-tablet span100p-mobile account-block-content__content"><label class="custom-label"><span class="custom-label__label"><!-- react-text: 1931 -->Accounts that are part of lixiang<!-- /react-text --></span></label>
                                <div class="account-block-content__default">
                                    <ol class="account-edit-profile__users ">
                                        <li class="account-edit-profile__users__item">
                                            <div class="account-edit-profile__users__item__name span3 span6-tablet span100p-mobile">
                                                理想

                                                (Profile Admin)

                                            </div>
                                            <div class="account-edit-profile__users__item__mail span3 span6-tablet span100p-mobile"></div>
                                        </li>
                                    </ol>
                                </div>
                            </div>
                            <div class="cf"></div>
                        </div>
                    </div>
                    <form method="put" action="/api/account/profiles/form" class="account-block-container" novalidate="" id="id6">
                        <div class="account-block-content">
                            <div class="">
                                <aside class="span5 span5-tablet span14-mobile account-block-content__aside account-block-content__aside--no-content"></aside>
                                <div class="span9 span100p-tablet span100p-mobile account-block-content__content"><label class="custom-label"></label>
                                    <div class="account-block-content__default">
                                        <div class="span3 span5-tablet span11-mobile account-block-content__default__section"><label class="custom-label relative"><span class="custom-label__label">Name</span>
                                                <input type="text" id="name" name="name" label="Name" placeholder="" class="custom-input__input"></label><label class="custom-label relative"><span class="custom-label__label">Website URL<!-- /react-text --></span><input type="text" id="website" name="website" label="Website URL" placeholder="" class="custom-input__input"></label><label class="custom-label relative"><span class="custom-label__label"><!-- react-text: 1959 -->Contact email<!-- /react-text --></span><input type="text" id="contactEmail" name="contactEmail" label="Contact email" placeholder="" class="custom-input__input"></label></div>
                                        <div class="span5 span100p-mobile account-block-content__default__section"><label class="custom-label relative"><span class="custom-label__label"><!-- react-text: 1964 -->Introduction text<!-- /react-text --><span class="custom-label__label__btw"> (245 characters left)</span></span><textarea id="intro" name="intro" label="Introduction text" placeholder="" rows="5" class="custom-input__textarea span8-tablet span100p-mobile">文字爱好者</textarea></label><label class="custom-label relative"><span class="custom-label__label"><!-- react-text: 1969 -->Optional additional text<!-- /react-text --><span class="custom-label__label__btw"> (2 columns)</span></span><textarea id="additional" name="additional" label="Optional additional text" placeholder="" rows="5" class="custom-input__textarea span8-tablet span100p-mobile"></textarea></label></div>
                                        <div class="span3 span5-tablet span11-mobile account-block-content__default__section"><label class="custom-label relative"><span class="custom-label__label"><!-- react-text: 1975 -->Showreel URL<!-- /react-text --><span class="custom-label__label__btw"> (Vimeo or YouTube)</span></span><input type="url" id="showreel" name="showreel" label="Showreel URL" placeholder="" class="custom-input__input"></label></div>
                                    </div>
                                </div>
                                <div class="cf"></div>
                            </div>
                        </div>
                        <div class="account-block-content">
                            <div class="">
                                <aside class="span5 span5-tablet span14-mobile account-block-content__aside">Social links</aside>
                                <div class="span9 span100p-tablet span100p-mobile account-block-content__content">
                                    <div class="account-block-content__default">
                                        <div class="span3 span5-tablet span11-mobile account-block-content__default__section"><label class="custom-label relative"><span class="custom-label__label"><!-- react-text: 1987 -->Facebook URL<!-- /react-text --></span><input type="text" id="facebook" name="facebook" label="Facebook URL" placeholder="" class="custom-input__input"></label><label class="custom-label relative"><span class="custom-label__label"><!-- react-text: 1991 -->Twitter URL<!-- /react-text --></span><input type="text" id="twitter" name="twitter" label="Twitter URL" placeholder="" class="custom-input__input"></label><label class="custom-label relative"><span class="custom-label__label"><!-- react-text: 1995 -->LinkedIn URL<!-- /react-text --></span><input type="text" id="linkedin" name="linkedin" label="LinkedIn URL" placeholder="" class="custom-input__input"></label><label class="custom-label relative"><span class="custom-label__label"><!-- react-text: 1999 -->Instagram URL<!-- /react-text --></span><input type="text" id="instagram" name="instagram" label="Instagram URL" placeholder="" class="custom-input__input"></label></div>
                                    </div>
                                </div>
                                <div class="cf"></div>
                            </div>
                        </div>
                        <div class="account-block-content pixel-pattern pixel-pattern--01">
                            <div class="">
                                <aside class="span5 span5-tablet span14-mobile account-block-content__aside account-block-content__aside--no-content"></aside>
                                <div class="span9 span100p-tablet span100p-mobile account-block-content__content"></div>
                                <div class="cf"></div>
                            </div>
                        </div>
                        <div class="account-block-content">
                            <div class="">
                                <aside class="span5 span5-tablet span14-mobile account-block-content__aside">Offices</aside>
                                <div class="span9 span100p-tablet span100p-mobile account-block-content__content">
                                    <div class="account-block-content__default">
                                        <div class="span100p account-block-content__default__section">
                                            <div class="span3 span5-tablet span11-mobile account-block-content__default__element"><label class="custom-label"><span class="custom-label__label"><!-- react-text: 2016 -->Office(s)  Min 1. Required<!-- /react-text --></span></label><label class="custom-label relative custom-label--hide"><input type="text" id="office[0][name]" name="office[0][name]" label="Office 1" placeholder="City" class="custom-input__input"></label></div>
                                        </div>
                                        <div class="span3 span5-tablet span11-mobile account-block-content__default__section"><label class="custom-label relative"><span class="custom-label__label"><!-- react-text: 2022 -->Address 1<!-- /react-text --></span><input type="text" id="office[0][address1]" name="office[0][address1]" label="Address 1" placeholder="Address line 1" class="custom-input__input"></label><label class="custom-label relative"><span class="custom-label__label"><!-- react-text: 2026 -->Address 2<!-- /react-text --></span><input type="text" id="office[0][address2]" name="office[0][address2]" label="Address 2" placeholder="Address line 2" class="custom-input__input"></label><label class="custom-label relative"><span class="custom-label__label"><!-- react-text: 2030 -->Address 3<!-- /react-text --></span><input type="text" id="office[0][address3]" name="office[0][address3]" label="Address 3" placeholder="Address line 3" class="custom-input__input"></label><label class="custom-label relative"><span class="custom-label__label"><!-- react-text: 2034 -->Phone<!-- /react-text --></span><input type="text" id="office[0][phone]" name="office[0][phone]" label="Phone" placeholder="Phone" class="custom-input__input"></label><label class="custom-label relative"><span class="custom-label__label"><!-- react-text: 2038 -->Office Email<!-- /react-text --></span><input type="text" id="office[0][email]" name="office[0][email]" label="Office Email" placeholder="Email" class="custom-input__input"></label><label class="custom-label"><span class="custom-label__label"><!-- react-text: 2042 -->Country<!-- /react-text --></span></label>
                                            <div class="select">
                                                <div class="select__activator" tabindex="0">Belgium</div>
                                                <div class="select__options">
                                                    <div class="mask">
                                                        <div class="select__option">Afghanistan</div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="cf"></div>
                            </div>
                        </div>
                        <div class="account-block-content pixel-pattern pixel-pattern--01">
                            <div class="">
                                <aside class="span5 span5-tablet span14-mobile account-block-content__aside account-block-content__aside--no-content"></aside>
                                <div class="span9 span100p-tablet span100p-mobile account-block-content__content"><button class="button button--dark button--no-margin">Add office</button></div>
                                <div class="cf"></div>
                            </div>
                        </div>
                        <div class="account-block-content">
                            <div class="">
                                <aside class="span5 span5-tablet span14-mobile account-block-content__aside">Profile header image</aside>
                                <div class="span9 span100p-tablet span100p-mobile account-block-content__content"><label class="custom-label"><span class="custom-label__label"><!-- react-text: 2060 -->Header Image<!-- /react-text --><span class="custom-label__label__btw"> 1364 · 620 jpg / png</span></span></label>
                                    <div class="form-dropzone pixel-pattern pixel-pattern--10">
                                        <div class="form-dropzone__container">
                                            <div class="input-dropzone" style="width: 354px; height: 160px;">
                                                <div class="input-dropzone__item">
                                                    <div class="input-dropzone__container">
                                                        <div class="input-dropzone__uploading">
                                                            <svg class="svg-spinner input-dropzone__uploading__centerer" width="32px" height="32px" viewBox="0 0 66 66">
                                                                <circle class="svg-spinner__path-bg" stroke="#dbdbdb" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
                                                                <circle class="svg-spinner__path" stroke="#666" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
                                                            </svg>
                                                        </div>
                                                        <div class="input-dropzone__preview pixel-pattern pixel-pattern--darker input-dropzone__preview--show"><img src="/dyn/resources/Profile_Model_Profile/hero/3/12053/1508916888/538_span14/59f03e0c3974687a8783afea73ed5039b205d8920f5ee.png" alt=""></div>
                                                        <div class="input-dropzone__help input-dropzone__help--previewing">
                                                            <div class="input-dropzone__help__delete"><img src="/assets/drop-remove.png" width="10" height="10" type="png" class=""></div>
                                                            <div class="input-dropzone__help__centerer">
                                                                <div class="input-dropzone__help__image"><img src="images/drop-upload.png" width="36" height="23" type="png" class=""></div>
                                                                <div class="input-dropzone__help__text"><span><!-- react-text: 2081 -->Drag an image here or <!-- /react-text --><a>browse</a><!-- react-text: 2083 --> to upload.<!-- /react-text --></span></div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="confirm-dialog">
                                                        <div class="confirm-dialog__dialog">
                                                            <div class="confirm-dialog__dialog__content">
                                                                <p>Are you sure?</p>
                                                            </div>
                                                            <div class="confirm-dialog__dialog__actions"><button>Confirm</button><button class="button--dark">Cancel</button></div>
                                                        </div>
                                                    </div>
                                                </div><input type="file" accept="image/*" style="display: none;"></div>
                                            <div class="cf"></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="cf"></div>
                            </div>
                        </div>
                        <div class="account-block-content">
                            <div class="">
                                <aside class="span5 span5-tablet span14-mobile account-block-content__aside">Logos</aside>
                                <div class="span9 span100p-tablet span100p-mobile account-block-content__content">
                                    <div class="span2 span100p-tablet span100p-mobile account-edit-profile__logo__container"><label class="custom-label"><span class="custom-label__label">Profile list<span class="custom-label__label__btw"> 194 · 128 jpg / png</span></span></label>
                                        <div class="form-dropzone pixel-pattern pixel-pattern--10 form-dropzone--logo-cont">
                                            <div class="form-dropzone__container">
                                                <div class="input-dropzone" style="width: 97px; height: 63px;">
                                                    <div class="input-dropzone__item">
                                                        <div class="input-dropzone__container">
                                                            <div class="input-dropzone__uploading">
                                                                <svg class="svg-spinner input-dropzone__uploading__centerer" width="32px" height="32px" viewBox="0 0 66 66">
                                                                    <circle class="svg-spinner__path-bg" stroke="#dbdbdb" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
                                                                    <circle class="svg-spinner__path" stroke="#666" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
                                                                </svg>
                                                            </div>
                                                            <div class="input-dropzone__preview pixel-pattern pixel-pattern--darker"></div>
                                                            <div class="input-dropzone__help">
                                                                <div class="input-dropzone__help__delete"><img src="/assets/drop-remove.png" width="10" height="10" type="png" class=""></div>
                                                                <div class="input-dropzone__help__centerer input-dropzone__help__centerer--hidetext">
                                                                    <div class="input-dropzone__help__image"><img src="images/drop-upload.png" width="36" height="23" type="png" class=""></div>
                                                                    <div class="input-dropzone__help__text"><span>Drag an image here or <a>browse</a> to upload.</span></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="confirm-dialog">
                                                            <div class="confirm-dialog__dialog">
                                                                <div class="confirm-dialog__dialog__content">
                                                                    <p>Are you sure?</p>
                                                                </div>
                                                                <div class="confirm-dialog__dialog__actions"><button>Confirm</button><button class="button--dark">Cancel</button></div>
                                                            </div>
                                                        </div>
                                                    </div><input type="file" accept="image/*" style="display: none;"></div>
                                                <div class="cf"></div>
                                            </div>
                                        </div>
                                        <div class="account-edit-profile__logo__text"><span><!-- react-text: 2133 -->Drag an image here or <!-- /react-text --><a href="#">browse</a><!-- react-text: 2135 --> to upload.<!-- /react-text --></span></div>
                                    </div>
                                    <div class="span6 span100p-tablet span100p-mobile"><label class="custom-label"><span class="custom-label__label"><!-- react-text: 2139 -->Profile  page<!-- /react-text --><span class="custom-label__label__btw"> 428 · 80 jpg / png</span></span></label>
                                        <div class="form-dropzone pixel-pattern pixel-pattern--10">
                                            <div class="form-dropzone__container">
                                                <div class="input-dropzone" style="width: 428px; height: 80px;">
                                                    <div class="input-dropzone__item">
                                                        <div class="input-dropzone__container">
                                                            <div class="input-dropzone__uploading">
                                                                <svg class="svg-spinner input-dropzone__uploading__centerer" width="32px" height="32px" viewBox="0 0 66 66">
                                                                    <circle class="svg-spinner__path-bg" stroke="#dbdbdb" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
                                                                    <circle class="svg-spinner__path" stroke="#666" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle>
                                                                </svg>
                                                            </div>
                                                            <div class="input-dropzone__preview pixel-pattern pixel-pattern--darker"></div>
                                                            <div class="input-dropzone__help">
                                                                <div class="input-dropzone__help__delete"><img src="/assets/drop-remove.png" width="10" height="10" type="png" class=""></div>
                                                                <div class="input-dropzone__help__centerer input-dropzone__help__centerer--wide">
                                                                    <div class="input-dropzone__help__image"><img src="images/drop-upload.png" width="36" height="23" type="png" class=""></div>
                                                                    <div class="input-dropzone__help__text"><span><!-- react-text: 2159 -->Drag an image here or <!-- /react-text --><a>browse</a><!-- react-text: 2161 --> to upload.<!-- /react-text --></span></div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="confirm-dialog">
                                                            <div class="confirm-dialog__dialog">
                                                                <div class="confirm-dialog__dialog__content">
                                                                    <p>Are you sure?</p>
                                                                </div>
                                                                <div class="confirm-dialog__dialog__actions"><button>Confirm</button><button class="button--dark">Cancel</button></div>
                                                            </div>
                                                        </div>
                                                    </div><input type="file" accept="image/*" style="display: none;"></div>
                                                <div class="cf"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="cf"></div>
                            </div>
                        </div>
                        <div class="account-block-submit pixel-pattern pixel-pattern--01">
                            <div class="push5 push0-mobile account-block-submit__content">
                                <div class="span3 span8-mobile"><button type="submit" value="Save changes" name="Save changes" class="form-submit"><!-- react-text: 2175 -->Save changes<!-- /react-text --><svg class="svg-spinner form-submit__spinner svg-spinner--inactive" width="16px" height="16px" viewBox="0 0 66 66"><circle class="svg-spinner__path-bg" stroke="transparent" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle><circle class="svg-spinner__path" stroke="#dbdbdb" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle></svg></button></div>
                                <div class="cf"></div>
                            </div>
                            <div class="cf"></div>
                        </div>
                    </form>
                </div>
            </div>
        </div>

    @endsection